<!DOCTYPE html>
<!--
表达式
Vue.js 都提供了完全的 JavaScript 表达式支持
el： 后面是小写的L不是数字1
data：代表数据  这些是定死的名字
-->

<html>
	<head>
		<meta charset="utf-8">
		<script src="../../js/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			{{5+5}}<br>
			{{ ok ? 'YES' : 'NO' }}<br>
			{{ message.split('').reverse().join('$$') }}
			<div v-bind:id="'list-' + id">菜鸟教程{{id}}</div>
		</div>
			
		<script>
		new Vue({
		  el: '#app',
		  data: {
			ok: true,
		    message: 'abcd',
			id : 1
		  }
		})
		</script>
		</body>
		</html>
